@charset "utf-8";
.container {
	width: 400px;
	/*margin: 40px auto 0 auto;*/
	position: relative;
	font-family: 微软雅黑;
	font-size: 12px;
	margin-left: 100px;
}
.container p {
	line-height: 12px;
	line-height: 0px;
	height: 0px;
	margin: 10px;
	color: #bbb
}
.action {
	width: 400px;
	height: 30px;
	margin: 10px 0;
}
.cropped {
	position: absolute;
	right: -230px;
	top: 0;
	width: 200px;
	border: 1px #ddd solid;
	height: 460px;
	padding: 4px;
	box-shadow: 0px 0px 12px #ddd;
	text-align: center;
}
.imageBox {
	position: relative;
	height: 400px;
	width: 400px;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: 4px 4px 12px #B0B0B0;
}
.imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	border-radius:200px;
	margin-left: -100px;
	box-sizing: border-box;
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  color: #2F2A2A;
  background: rgba(213, 211, 211, 0.7);
}
.Btnsty_peyton{ float: right;
   width: 66px;
  display: inline-block;
  margin-bottom: 10px;
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #FFFFFF;
  margin:0px 2px;
  background-color: #53C1AF;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 0px #fff solid;}
/*选择文件上传*/
.new-contentarea {
	width: 165px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;float:left;
}
.new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.new-contentarea input[type=file] {
	width:188px;
	height:60px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2;
}
a.upload-img{
	width:165px;
	display: inline-block;
	margin-bottom: 10px;
	height:57px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #53C1AF;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	border: 0px #fff solid;
	box-shadow: 0px 0px 5px #B0B0B0;
}
a.upload-img:hover{
	background-color: #53C1AF;
}

.tc{text-align:center;}


/*自己*/
/*初始化*/
.y-safesettab h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;}
.y-safesettab li{list-style:none;}
.y-safesettab a{ text-decoration:none;}
.y-safesettab b,strong{font-weight:normal;}
.y-safesettab i,em{font-style:normal;}

.y-safesettab img{vertical-align:top;}
.y-safesettab input,textarea{outline:none; }

.y-safesettab .fl{float:left;}
.y-safesettab .fr{float:right;}
.y-safesettab .clearfix:after{display:block; content:''; clear:both;}
.y-safesettab .clearfix{zoom:1;}



.y-safesettab{
  width: 1269px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  background: #fff;
}
.y-safesettabNo1{
  display: none;
}
.y-safesetT{
  width: 100%;
  padding:30px 0 30px 30px;
  /*border-bottom:1px solid red;*/
  border-bottom:1px solid #f2f2f2;
}
.y-safesetT .y-safesetL{
  width: 78px;
  height: 78px;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  margin-right:25px;
}
.y-safesetT .y-safesetR div{
  margin-bottom:20px;
  font-size: 14px;
  color:#444
}
/*中间*/
.y-safesetC{
width: 100%;
  padding-bottom:84px;
}
.y-safesetC ul li{
  height: 50px;
  border-bottom: 1px solid #f2f2f2;
}
/*第一个*/
.y-safesetC ul li.y-safesetFirst{
  height: 60px;
  padding-top:20px;
  color: #333;
}
.y-safesetC ul li.y-safesetFirst div{
  margin-right:90px;
  margin-left:20px;

}
.y-safesetC ul li.y-safesetFirst i{
  width: 350px;
  height: 8px;
  margin-top:5px;
  margin-right:10px;
  background: #eeeeee;
  position: relative;
  border-radius: 10px;
}
.y-safesetC ul li.y-safesetFirst i em{
  position: absolute;
  left:0;
  top:0;
  width:194px;
  height: 8px;
  background: #fdb328;
  border-radius: 10px;
}
/*li共有的样式*/
.y-safesetC ul li.y-safesetpublic{
  padding-top:20px;
}
.y-safesetC ul li.y-safesetpublic div{
  margin-left:24px;
  margin-right:97px;
  color:#333;
}
.y-safesetC ul li.y-safesetpublic i{
  color: #333;
  padding-left:20px;
  margin-right:62px;
}
.y-safesetC ul li.y-safesetpublic span{
  color: #999;
}
.y-safesetC ul li.y-safesetpublic button{
  width: 60px;
  height: 30px;
  margin-top:-10px;
  margin-right:63px;
  background: none;
  border: 1px solid #00bfb5;
  color: #00bfb5;
}
/*私有*/

.y-safesetC ul li.y-safesetpublic i.y-publicI2{
  background: url(../../img/y-icon37.png) no-repeat left center;
}
.y-safesetC ul li.y-safesetpublic i.y-publicI3{
  background: url(../../img/y-icon38.png) no-repeat left center;
}
.y-safesetC ul li.y-safesetpublic i.y-publicI4{
  background: url(../../img/y-icon37.png) no-repeat left center;
}
.y-safesetC ul li.y-safesetpublic i.y-publicI5{
  background: url(../../img/y-icon37.png) no-repeat left center;
}
.y-safesetC ul li.y-safesetpublic i.y-publicI6{
  background: url(../../img/y-icon38.png) no-repeat left center;
}




/*消息设置*/
.y-news-set{
  /*display: none;*/
  width: 100%;
}
/*top*/
.y-newssetT{
  width: 100%;
  padding:18px 0 18px 25px;
  border-bottom:1px solid #f2f2f2;
}
.y-newssetT .y-newssetT1{
  color:#333;
  padding-bottom:20px;
  font-size: 14px;
}
.y-newssetT .y-newssetT2{
  margin-left:40px;
}
.y-newssetT .y-newssetT2 li{
  padding-right:25px;
}
.y-newssetT .y-newssetT2 li{
  cursor: pointer;
  background: url(../../img/y-icon39.png) no-repeat left 3px;
  padding-left:23px;
}
.y-newssetT .y-newssetT2 li.active{
  background: url(../../img/y-icon40.png) no-repeat left 3px;
}
/*hover*/
.y-newssetT .y-newssetT2 li:hover{
  background: url(../../img/y-icon40.png) no-repeat left 3px;
}

/*Center*/
.y-newssetC{
  padding-left:16px;
  padding-bottom: 22px;
  border-bottom:1px solid #f2f2f2;
}
.y-newssetC1{
  margin-top:20px;
  margin-bottom:12px;
}
.y-newssetC1 div{
  margin-left:20px;
  font-size: 14px;
  color: #444;
}
.y-newssetC1 span{
  color: #666;
  font-size: 12px;
  padding-top:12px;
  padding-left:36px;
}
.y-newssetC2{
  margin-left:36px;
  margin-bottom:12px;
}
.y-newssetC2 div{
  background: url(../../img/y-icon41.png) no-repeat left center;
  padding-left:20px;
  font-size: 14px;
  color: #444;
}
.y-newssetC2 span{
  color: #666;
  font-size: 12px;
  margin-top:8px;
}
.y-newssetC2 div.active{
  background: url(../../img/y-icon42.png) no-repeat left center;
}
/*B*/
.y-newssetB{
  padding-left:50px;
  padding-bottom: 69px;
}
.y-newssetB1{
  margin-top:20px;
  margin-bottom:12px;
}
.y-newssetB1 div{
  font-size: 14px;
  color: #444;
}
.y-newssetB2{
  margin-left:15px;
  margin-bottom:25px;
}
.y-newssetB2 div{
  padding-right:27px;
  font-size: 14px;
  color: #444;
}
.y-newssetB2 span{
  color: #666;
  font-size: 12px;
  margin-top:8px;
}

/*绑定邮箱弹窗*/
.y-bind-email{
  width: 800px;
  height: 440px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-220px;
  margin-left:-400px;
  border-radius: 10px;
  display: none;
}
.y-bind-emailT{
  padding:50px 27px  50px 326px;
}
.y-bind-emailT span{
  color: #444;
}
.y-bind-emailT i{
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: url(../../img/y-icon-close.png) no-repeat;
}

.y-bind-emailInfo{
  padding-left:105px;
}
.y-bind-emailInfoT{
  color:#333;
  font-size: 14px;
  padding-left:108px;
  padding-bottom:18px;
}
.y-bind-emailInfoC{
  /*margin-left:105px;*/
}
.y-bind-emailInfoC div{
  padding-top:12px;
  margin-right:40px;
}
.y-bind-emailInfoC input{
  width: 345px;
  height: 40px;
  background: #fafafa;
  padding-left:5px;
}
.y-bind-emailInfoB{
  margin-left:110px;
}
.y-bind-emailInfoB input{
  width: 120px;
  height: 40px;
  padding-left:25px;
  margin-top:23px;
  background: #fafafa;
}
.y-bind-emailInfoF{
  margin-top:25px;
}
.y-bind-emailInfoF div{
  padding-top:12px;
  margin-right:55px;
}
.y-bind-emailInfoF input{
  width: 345px;
  height: 40px;
  background: #fafafa;
  padding-left:5px;
}
.y-bind-emailInfobutton{
  margin-left:110px;
  margin-top:25px;
}
.y-bind-emailInfobutton button{
  width:123px;
  height:40px;
  background: #00bfb5;
  color: #fff;
}

/*联系地址弹窗*/
.y-contact-address{
  width: 800px;
  height: 440px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-220px;
  margin-left:-400px;
  border-radius: 10px;
  display: none;
}
.y-contact-addressT{
  padding:50px 27px  50px 326px;
}
.y-contact-addressT span{
  color: #444;
}
.y-contact-addressT i{
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: url(../../img/y-icon-close.png) no-repeat;
}

.y-contact-addressInfo{
  padding-left:105px;
}
.y-contact-addressInfoT{
  color:#333;
  font-size: 14px;
  padding-left:108px;
  padding-bottom:18px;
}
.y-contact-addressInfoC{
  /*margin-left:105px;*/
}
.y-contact-addressInfoC div{
  padding-top:12px;
  margin-right:65px;
}
.y-contact-addressInfoC input{
  width: 345px;
  height: 40px;
  background: #fafafa;
  padding-left:5px;
}
.y-contact-addressInfobutton{
  margin-left:110px;
  margin-top:25px;
}
.y-contact-addressInfobutton button{
  width:123px;
  height:40px;
  background: #00bfb5;
  color: #fff;
}

/*修改密码弹窗*/
.y-modify-password{
  width: 800px;
  height: 440px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-220px;
  margin-left:-400px;
  border-radius: 10px;
  display: none;
}
.y-modify-passwordT{
  padding:50px 27px  50px 326px;
}
.y-modify-passwordT span{
  color: #444;
}
.y-modify-passwordT i{
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: url(../../img/y-icon-close.png) no-repeat;
}
/**/
.y-modify-passwordInfo{
  padding-left:100px;
}
.y-modify-passwordInfoT div{
  padding-top:10px;
  margin-right:57px;
}
.y-modify-passwordInfoT  input{
  width:346px;
  height: 40px;
  background: #fafafa;
  padding-left:10px;
}
.y-modify-passwordInfoC{
  margin-top:20px;
}
.y-modify-passwordInfoC span{
  padding-top:10px;
  margin-right:57px;
}
.y-modify-passwordInfoC  input{
  width:346px;
  height: 40px;
  background: #fafafa;
  padding-left:10px;
  margin-right:16px;
}
.y-modify-passwordInfoC .y-modify-div{
  width: 154px;
}
.y-modify-passwordInfoC .y-modify-div div{
  font-size: 12px;
  color: #999;
}

.y-modify-passwordInfoB{
  margin-top:20px;
}
.y-modify-passwordInfoB span{
  padding-top:10px;
  margin-right:30px;
}
.y-modify-passwordInfoB  input{
  width:346px;
  height: 40px;
  background: #fafafa;
  padding-left:10px;
  margin-right:16px;
}
.y-modify-passwordInfoB div{
  width: 154px;
  padding-top:10px;
  font-size: 12px;
  color: #999;
}
.y-modify-passwordFont{
  padding:14px 0 54px 112px;
  color:#acacac;
  font-size: 12px;
}
.y-modify-DIv{
  margin-left:111px;
}
.y-modify-DIv button{
  width: 340px;
  height:40px;
  background: #00bfb5;
  color:#fff
}

/*手机号码弹窗*/
.y-Mobile-number{
  width: 800px;
  height: 440px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-220px;
  margin-left:-400px;
  border-radius: 10px;
  display: none;
}
.y-Mobile-numberT{
  padding:50px 27px  50px 326px;
}
.y-Mobile-numberT span{
  color: #444;
}
.y-Mobile-numberT i{
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: url(../../img/y-icon-close.png) no-repeat;
}
.y-Mobile-numberC{
  margin-left:100px;
}
.y-Mobile-numberC span{
  margin-right:40px;
  margin-top:10px;
}
.y-Mobile-numberC input{
  width: 344px;
  height: 40px;
  background: #fafafa;
  padding-left:10px;
}
.y-Mobile-numberB{
  margin-left:100px;
  margin-top:24px;
}
.y-Mobile-numberB span{
  margin-right:55px;
  margin-top:10px;
}
.y-Mobile-numberB input{
  width: 200px;
  height: 40px;
  background: #fafafa;
  margin-right:6px;
}
.y-Mobile-numberB button{
  width: 140px;
  height: 40px;
  background: #00bfb5;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.y-Mobile-numberButtn{
  margin-top:30px;
  margin-left:213px;
}
.y-Mobile-numberButtn button{
  width: 344px;
  height: 40px;
  background: #00bfb5;
  color: #fff;

}
